<template>
    <div>
        <!-- 为el-select设置multiple属性即可启用多选，此时v-model的值为当前选中值所组成的数组。 -->
        <el-select v-model="value1" multiple placeholder="请选择" @change="selectChange">
            <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
            </el-option>
        </el-select>
    </div>
</template>

<script>
export default {
    name: 'selectmore',

    data() {
        return {
            options: [{
                value: '选项1',
                label: '黄金糕'
                }, {
                value: '选项2',
                label: '双皮奶'
                }, {
                value: '选项3',
                label: '蚵仔煎'
                }, {
                value: '选项4',
                label: '龙须面'
                }, {
                value: '选项5',
                label: '北京烤鸭'
            }],
            value1: [],
            value2: []
        }
    },

    mounted() {
        
    },

    methods: {
        selectChange(val) {
            console.log("select", val)
        }
    },
};
</script>

<style scoped>

</style>